<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>通信网络建设</title>
    <link rel="stylesheet" href="${ctx}/u/${siteId}/f/css/phone.css" />
    <link rel="stylesheet" href="${ctx}/u/${siteId}/f/css/style.css" />
    <script type="text/javascript" src="${ctx}/u/${siteId}/f/js/jQuery.1.8.2.min.js" ></script>
    <script type="text/javascript" src="${ctx}/u/${siteId}/f/js/height.js" ></script>
    <style>
    	.line-gradient{
    		background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FAFBFC), to(#F3F6F8), color-stop(0.4,#F6F8FA));
    	}
    	.boxShadow{
    		-moz-box-shadow:0px 1px 5px #999999; -webkit-box-shadow:0px 1px 5px #999999; box-shadow:0px 1px 5px #999999;
    	}
    	.bgimg{
    		background: url(${ctx}/u/${siteId}/f/images/tx_wgpx_cp.png);
    		background-size: 100% 100%;
    		background-repeat: no-repeat;
    		background-position: center;
    	}
    	.bgimg2{
    		background: url(${ctx}/u/${siteId}/f/images/tx_wgpx_jjfa.png);
    		background-size: 100% 100%;
    		background-repeat: no-repeat;
    		background-position: center;
    	}
    	.tc-blur{margin: auto;-webkit-filter: blur(5px);}.margin-auto{margin: auto;}
    	p{margin-top:0;margin-bottom:0 !important;}.margin-auto p span{line-height:19px !important;}
    </style>
</head>
<body>
	<div class="container-fluid">
		<div class="row line-gradient pos-f top0 left0 border-b-1 z-index999">
			<div class="col3 tc l-ht34 font12 ht34">
				<a class="display-ib" href="${ctx}/f/mp/${siteId}/h_10122">网络设计</a>
			</div>
			<div class="col3 tc l-ht34 font12 ht34 bg-036eb7">
				<a class="display-ib font-white" href="${ctx}/f/mp/${siteId}/h_10124">网络建设</a>
			</div>
			<div class="col3 tc l-ht34 font12 ht34">
				<a class="display-ib" href="${ctx}/f/mp/${siteId}/h_10126">网络优化</a>
			</div>
			<div class="col3 tc l-ht34 font12 ht34">
				<a class="display-ib" href="${ctx}/f/mp/${siteId}/h_10128">网络培训</a>
			</div>
		</div>
		<div class="row">
			<div class="col12 l-ht0 mt34 pos-r">
				<img src="${ctx}/u/${siteId}/f/images/tx_bg.png" class="per100" />
				<div class="pos-a per80 left0 top0 right0 ht80p bottom0 bg-white opacity7 border overflow-h tc-blur"></div>
				<div class="pos-a per80 left0 top0 right0 ht80p bottom0 z-index1 overflow-h margin-auto pl4 pr4 pt4">
					<@cms_content_list page=(returnDatas.page)! pageSort="asc" pageOrder="sortno">
   						<#if tag_list?? && (tag_list?size>0)> 
       						<#list tag_list as _data>
       							<#if (_data_index==0)>
       								${(_data.content)!''}
       							</#if>
							</#list> 
    					</#if>
					</@cms_content_list>
				</div>
			</div>
		</div>
		<div class="row bg-white">
			<div class="col12">
				<div class="ht26 bgimg font-white font-heiti font-b font14 l-ht26 tc">
					产品
				</div>
				<ul class="mt8 titleList">
					<@cms_content_list page=(returnDatas.page)! pageSort="asc" pageOrder="sortno">
   						<#if tag_list?? && (tag_list?size>0)> 
       						<#list tag_list as _data>
       							<#if  (_data_index>0)>
       								<li class="overflow-h">
										<div class="ht30 tc divW">
											<div class="font-9 fl per10 ht30 pt12 line pr4">
												<div class="" style="height: 4px;border-bottom: 1px solid #CCCCCC;"></div>
											</div>
											<div class="font14 font-b tc line-cont fl ht30 l-ht30 overflow-h" style="max-width: 70%;">
												${(_data.title)!''}
											</div>
											<div class="font-9 fl per10 ht30 pt12 line pr4">
												<div class="" style="height: 4px;border-bottom: 1px solid #CCCCCC;"></div>
											</div>
										</div>
										<div class="pl10 pr10 overflow-h">
											<p class="l-ht20 mt0">
												${(_data.content)!''}
											</p>
										</div>
									</li>
       							</#if>
							</#list> 
    					</#if>
					</@cms_content_list>
				</ul>
			</div>
		</div>
		<div class="row bg-white">
			<div class="col12">
				<div class="ht26 bgimg2 font-white font-heiti font-b font14 l-ht26 tc">
					解决方案
				</div>
				<ul class="mt24 pl10 pr10" id="caseList">
					
				</ul>
			</div>
		</div>
	</div>
</body>

	<script>
		$(function() { 
			jQuery.ajax({
		        url : "${ctx}/f/mp/s_10009/h_10125",
		        data : "",
		        type : 'post',
		        datatype : 'html',
		        success : function(data) {
		            $("#caseList").html("");
		            $("#caseList").html(data);
		            contant();
		        }
		    });
		})
		
		function contant(){
			$(".titleList").find("li").each(function(){
				var obj = $(this).find(".divW");
				var line=obj.find('.line').width();
	            var lineCont=obj.find('.line-cont').width();
	            var divW=obj.width();
	            obj.css({'padding-left':(((divW-line-line-lineCont)/2)+4)+'px'});
			})
		}
	
		function toDetail(contentId){
		    window.location = "${ctx}/f/mp/${siteId!''}/"+contentId;
		}
	</script>

</html>